@charset "utf-8";



body {

	margin: 0px;

	font-size: 14px;

	color: #444;

	font-family: "微软雅黑", Arial, Helvetica, sans-serif;

}

* {

	padding: 0px;

	margin: 0px;

}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {

	margin: 0;

	padding: 0;

	font-family: "微软雅黑", Arial, Helvetica, sans-serif;

	font-style: normal;

}

h1,
h2,
h3,
h4,
h5,
h6 {

	list-style: none;

	font-weight: normal;

}

input,
select,
button {

	font-size: 12px;

	font-family: "微软雅黑", Arial, Helvetica, sans-serif;

	border: 0;

	background: none;

	outline: none;

	vertical-align: middle;

}

button {

	overflow: visible
}

img {

	border: none;

}

li {

	list-style: none;

}

a {

	color: #444;

	text-decoration: none;

}

a:hover {

	color: #38BABC;

}

.clear {

	overflow: hidden;

	clear: both;

	height: 0px;

}

.lf {

	float: left;

}

.rt {

	float: right;

}

::-webkit-scrollbar {

	width: 5px;

}

::-webkit-scrollbar-track {

	background-color: #000;

}

::-webkit-scrollbar-thumb {

	background-color: #ddd;

}

::-webkit-scrollbar-thumb:hover {

	background-color: #38BABC;

}

::-webkit-scrollbar-thumb:active {

	background-color: #38BABC;

}

.contain {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

}

.header {

	width: 100%;

	padding: 10px 0;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;
		background-color:#488bd9;


}

.header.on {

	background-color: rgba(0, 0, 0, .7);

}

.header .logo {

	height: 78px;

	width: auto;

	float: left;

}

.header .logo img {

	height: 78px;

	width: auto;

	display: block;

}

.header .an {

	position: absolute;

	right: 15px;

	top: 50%;

	margin-top: -15px;

	display: none;

	z-index: 9999;

}

.header .an i {

	font-size: 18px;

	color: #fff;

	line-height: 30px;

}

.header .an i.icon-reorder {

	display: block;

}

.header .an.n i.icon-reorder {

	display: none;

}

.header .an i.icon-remove {

	display: none;

}

.header .an.n i.icon-remove {

	display: block;

}

.header .nav {

	float: right;

	margin-right: 20px;

}

.header .nav ul li {

	font-size: 15px;

	margin: 0 10px;

	line-height: 78px;

	text-align: center;

	float: left;

	display: block;

	position: relative;

}

.nav ul li span {

	display: block;

	position: absolute;

	width: 0px;

	height: 0px;

	background: #6789AF;

	top: 74px;

	left: 50%;

}

.header .nav ul li a {

	color: #fff;

	display: block;

	padding: 0 20px;

	font-weight: bold
}

.header .nav ul li i {

	position: absolute;

	top: 16px;

	right: 3px;

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	display: none;

}

.header .nav ul li:hover i {

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}

.header .nav ul li em {

	width: 18px;

	height: 12px;

	display: inline-block;

	margin-right: 5px;

}

.header .nav .ej {

	width: auto;

	min-width: 100px;

	background-color: rgba(0, 0, 0, .6);

	position: absolute;

	left: 0;

	z-index: 999;

	display: none;

	padding: 10px 0
}

.header .nav .ej a {

	font-size: 12px;

	line-height: 30px;

	font-weight: normal
}

.header .nav .ej a:hover {

	background: #38BABC;
}

.header .nav ul li:hover .ej {

	display: block;

}

@media only screen and (max-width:1400px) {

	.header .nav ul li a {

		color: #fff;

		display: block;

		padding: 0 10px;

		font-weight: bold
	}

}

@media only screen and (max-width:1200px) {

	.header .logo {

		height: 50px;

		margin: 9px 0
	}

	.header .logo img {

		height: 50px;

	}

	.header .nav ul li a {

		padding: 0 0px;

		font-weight: bold
	}

}

@media only screen and (max-width:995px) {

	.header {

		padding: 10px 0;

		background-color: rgba(0, 0, 0, .7);

	}

	.header .logo {

		width: 60%;

		height: 40px;

		float: none;

		margin: 0 auto;

		text-align: center
	}

	.header .logo img {

		height: 40px;

		width: auto;

		display: block;

		margin: 0 auto
	}

	.header .an {

		display: block;

	}

	.header .nav {

		width: 100%;

		height: 100%;

		background-color: #fff;

		position: fixed;

		right: -100%;

		top: 60px;

		margin: 0;

		transition: all .5s;

		-webkit-transition: all .5s;

		-moz-transition: all .5s;

		-ms-transition: all .5s;

		-o-transition: all .5s;

	}

	.header .nav.n {

		right: 0;

	}

	.header .nav ul {

		width: 100%;

		height: 98%;

		padding-top: 2%;

		position: absolute;

		right: 0;

	}

	.header .nav ul li {

		width: 100%;

		font-size: 14px;

		line-height: 50px;

		margin: 0;

		border-bottom: 1px solid #e1e1e1;

		float: none;

		text-align: left;

		box-sizing: border-box
	}

	.header .nav ul li a {

		color: #333;

		display: block;

		padding: 0 10px;

		font-weight: bold
	}

	.header .nav ul li span {

		display: none
	}

	.header .nav ul li i {

		top: 20px;

		right: 15px;

		display: block;

	}

	.header .nav .ej {

		width: 100%;

		margin: 0 auto;

		background: #f1f1f1;

		position: relative;

		left: auto;

		display: none;

	}

	.header .nav .ej a {

		line-height: 40px;

		border-top: 0px solid #fff;

		border-bottom: 0;
	

	}

}

.gallery-top {

	width: 100%;

	height: auto;

	font-size: 0;
		margin-top:98px;
}

.gallery-top .swiper-slide {

	width: 100%;

	height: auto;

	position: relative;

}

.gallery-top .swiper-slide img {

	width: 100%;

	height: auto
}

.gallery-top .swiper-slide .nr {

	width: auto;

	max-width: 90%;

	text-align: center;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	z-index: 999
}

.gallery-top .swiper-slide .tp1 {

	margin: 0 auto;

	overflow: hidden;

}

.gallery-top .swiper-slide .tp1 img {

	max-width: 100%;

	height: auto
}

.gallery-top .swiper-pagination-bullet-active {

	background: #6789AF;

	width: 50px;

	border-radius: 20px
}

.gallery-top .swiper-button-next {

	width: 70px;

	height: 70px;

	background: url(../images/btn-nex.jpg) no-repeat;

	right: 30px;

	margin-top: -35px;

	background-size: 70px 70px;

	-webkit-background-size: 70px 70px;

	-moz-background-size: 30px 80px;

	-ms-background-size: 70px 70px;

	-o-background-size: 70px 70px;

	opacity: .5;

}

.gallery-top .swiper-button-next:hover {

	opacity: .8;

}

.gallery-top .swiper-button-prev {

	width: 70px;

	height: 70px;

	background: url(../images/btn-pre.jpg) no-repeat;

	left: 30px;

	margin-top: -35px;

	background-size: 70px 70px;

	-webkit-background-size: 70px 70px;

	-moz-background-size: 70px 70px;

	-ms-background-size: 70px 70px;

	-o-background-size: 70px 70px;

	opacity: .5;

}

.gallery-top .swiper-button-prev:hover {

	opacity: .8;

}

@media only screen and (max-width:995px) {

	.gallery-top .swiper-button-prev {

		display: none;

	}

	.gallery-top .swiper-button-next {

		display: none;

	}







}



@media only screen and (max-width:768px) {







	.gallery-top .swiper-slide {

		width: 100%;

		height: 240px;

		position: relative;

		overflow: hidden
	}

	.gallery-top .swiper-slide img {



		position: absolute;

		height: 240px;
		width: auto;

		top: 0;

		left: 50%;

		transform: translateX(-50%);

		z-index: 1
	}

	.gallery-top .swiper-slide .tp1 img {

		max-width: 100%;

		height: auto;

		position: relative
	}

	.gallery-top .swiper-pagination {
		display: none
	}

}





.sy_gg {

	background: #848484;

	height: 40px;

	padding: 10px 0;

}

.sy_gg h1 {

	color: #fff;

	display: block;

	border-right: #b5b5b5 1px solid;

	float: left;

	font-size: 16px;

	font-weight: bold;

	width: 125px;

	line-height: 40px
}

.sy_gg h1 img {

	height: 27px;

	width: auto;

	vertical-align: middle;

}

.sy_gg span {

	display: block;

	float: right;

	width: 100px;

	line-height: 40px;

}

.sy_gg span a {

	color: #fff
}

.index-news-swiper {

	height: 40px;

	width: calc(100% - 240px);

	float: left;

	margin-left: 10px;

}

.index-news-swiper .swiper-slide {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

}

.index-news-swiper .swiper-slide .date {

	font-size: 12px;

	color: #fff;

	line-height: 40px;

}

.index-news-swiper .swiper-slide .type {

	display: block;

	height: 24px;

	line-height: 24px;

	background-color: #38BABC;

	padding: 0 16px;

	border-radius: 20px;

	color: #fff;

	margin: 8px 15px;

}

.index-news-swiper .swiper-slide .title {

	display: block;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	font-size: 14px;

	line-height: 40px;

	color: #fff;

	height: 100%;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

@media only screen and (max-width:995px) {

	.index-news-swiper {

		width: calc(100% - 200px);

	}

	.sy_gg h1 {

		font-size: 14px;

		width: 100px
	}

	.index-news-swiper .swiper-slide .date {

		display: none
	}

	.index-news-swiper .swiper-slide .type {

		display: none
	}

	.sy_gg span {

		width: auto;

		line-height: 40px;

		font-size: 12px
	}



	.sy_gg h1 img {

		height: 15px;

		width: auto;

		vertical-align: middle;

	}

}

.jiange {

	margin: 50px auto
}

.sy_fuwu {

	background: url(../images/bg1.jpg) bottom center no-repeat;

	background-size: 100% auto;

	margin-top: 50px;

}

.fuwu {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

	margin-top: 100px;

	padding-bottom: 50px;

}

.fuwu ul li {

	background: #fff;

	width: 21%;

	margin: 0 2%;

	float: left;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

	border-radius: 15px;

	text-align: center;

	padding: 35px;

	padding-top: 0;

	box-sizing: border-box;

	transition: all 0.6s
}

.fuwu ul li i {

	display: block;

	width: 100%;

	height: auto;

	text-align: center;

	position: relative;

	top: -50px
}

.fuwu ul li i img {

	width: 60%;

	height: auto;

	max-width: 119px;

}

.fuwu ul li h3 {

	font-size: 20px;

	color: #000;

	font-weight: bold;

	position: relative;

	top: -25px;

}

.fuwu ul li p {

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #626262;

	height: 120px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

}

.fuwu ul li:hover {

	transform: translateY(-10px);

	transition: all 0.6s
}

.gy_bt {

	width: 100%;

	text-align: center;

	text-transform: uppercase;

	margin-bottom: 40px;

}

.gy_bt h2 {

	font-size: 30px;

	line-height: 60px;

	color: #000;

	font-weight: bold
}

.gy_bt h2 em {

	color: #6789AF;
}

.gy_bt h3 {

	color: #6f6f6f;

	font-size: 16px;

	line-height: 25px
}

@media only screen and (max-width:995px) {

	.gy_bt {

		padding-bottom: 10px;

		margin-bottom: 20px;

	}

	.gy_bt h2 {

		font-size: 20px;

		line-height: 40px;

	}

	.gy_bt h3 {

		font-size: 14px;

		line-height: 30px;

	}

	.jiange {

		margin: 20px auto
	}

	.fuwu {

		margin-top: 30px;

		padding-bottom: 30px;

	}

	.fuwu ul li {

		width: 23%;

		margin: 0 1%;

		float: left;

		border-radius: 10px;

		text-align: center;

		padding: 15px;

	}

	.fuwu ul li i {

		top: -30px
	}

	.fuwu ul li h3 {

		font-size: 16px;

		top: -15px;

	}

	.fuwu ul li p {

		font-size: 12px;

		line-height: 23px;

		height: 46px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

	}

}



@media only screen and (max-width:768px) {





	.sy_fuwu {

		background: none;



	}

	.fuwu {



		margin-top: 0;



	}

	.fuwu ul li {

		background: none;

		width: 48%;

		margin: 0 1%;

		float: left;

		box-shadow: none;



	}

	.fuwu ul li i {

		display: block;

		width: 100%;

		height: auto;

		text-align: center;

		position: relative;

		top: 0
	}



	.fuwu ul li h3 {

		font-size: 16px;

		top: 0px;

		line-height: 25px
	}

	.fuwu ul li p {

		display: none;



	}





}







.tdbt {

	text-align: center
}

.tdbt img {

	width: 60%;

	height: auto;

	max-width: 568px
}

.sy_xz {

	background: #f6f6f6;

	padding: 80px 0;

	overflow: hidden;

}

.tedian {

	width: 96%;

	margin: 60px auto;

	max-width: 1400px;

}

.tedian ul li {

	float: left;

	width: 11.111111111111%;

	text-align: center;

	margin-bottom: 30px;

	position: relative
}

.tedian ul li img {

	width: 90%;

	height: auto;

	max-width: 110px;

	border: #38BABC 1px solid;

	border-radius: 50%;

	display: block;

	margin: 0 auto
}

.tedian ul li p {

	display: block;

	position: absolute;

	bottom: 15px;

	left: 0;

	text-align: center;

	width: 100%;

}

.tedian ul li em {

	display: block;

	position: absolute;

	background: url(../images/cx.png) center no-repeat;

	width: 51px;

	height: 36px;

	padding-top: 5px;

	box-sizing: border-box;

	color: #fff;

	top: -20px;

	right: 10%
}

@media only screen and (max-width:995px) {

	.tedian {

		margin: 20px auto;

	}

	.tedian ul li {

		width: 16.666%;

		font-size: 12px;

		margin-bottom: 15px;

	}

	.tedian ul li p {

		bottom: 10px;

	}

	.tedian ul li em {

		display: none
	}

	.sy_xz {

		padding: 30px 0;

		overflow: hidden;

	}

}



@media only screen and (max-width:768px) {



	.tedian ul li {

		width: 20%;

		font-size: 12px;

		margin-bottom: 15px;

	}







}





.index-city {

	margin: 50px 0
}

.city-swiper {

	margin-top: 0px;

	background: #1f1f1f
}

.kuan {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

	overflow: hidden
}

.city-swiper .btn {

	position: absolute;

	top: 0;

	height: 100%;

	background-color: rgba(0, 0, 0, .35);

	width: 50px;

	cursor: pointer;

	font-size: 30px;

	font-family: "宋体";

	color: #ffffff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	z-index: 10;

}

.city-swiper .city-prev {

	left: 0;

}

.city-swiper .city-next {

	right: 0;

}

.city-swiper .swiper-slide {

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	font-size: 0;

	position: relative
}

.city-swiper .swiper-button-next {

	width: 25px;

	height: 56px;

	background: url(../images/dyj.png) center no-repeat;

	background-size: 100% auto;

	right: 15px;

	left: auto;

}

.city-swiper .swiper-button-prev {

	width: 25px;

	height: 56px;

	background: url(../images/dzj.png) center no-repeat;

	background-size: 100% auto;

	left: 15px;

	right: auto;

}

.city-swiper .swiper-slide i {

	display: block;

	width: 100%;

	padding-bottom: 145%;

	position: relative
}

.city-swiper .swiper-slide i img {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0
}

.city-swiper .swiper-slide img {

	width: 100%;

}

.city-swiper .swiper-slide .bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .75);

}

.city-swiper .swiper-slide .content {

	position: absolute;

	top: 35%;

	left: 0;

	width: 100%;

	text-align: center;

}

.city-swiper .swiper-slide .content img {

	width: 50%;

	height: auto;

	max-width: 60px
}

.city-swiper .swiper-slide .content .line {

	width: 20px;

	height: 2px;

	background-color: #fff;

	margin: 18px auto;

}

.city-swiper .swiper-slide .content .title {

	font-size: 18px;

	color: #fff;

	font-weight: bold;

	line-height: 1;

	white-space: normal;

	padding: 0 10px;

}

.city-swiper .swiper-slide .content .desc {

	font-size: 14px;

	color: #fff;

	line-height: 1.7 !important;

	max-height: 92px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

	margin-top: 8.5%;

	margin-bottom: 15.5%;

	padding: 0 10px;

	opacity: 0;

	line-height: 25px;

}

.city-swiper .swiper-slide .content .more {

	width: 126px;

	height: 38px;

	line-height: 36px;

	border: 1px solid #fff;

	font-size: 14px;

	color: #fff;

	position: relative;

	text-align: left;

	margin: 0 auto;

	opacity: 0;

	text-align: center
}

.donghua {

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	transition: all .5s;

}

.city-swiper .swiper-slide:hover .bg {

	background-color: rgba(103, 137, 175, .8);

}

.city-swiper .swiper-slide:hover .content {

	top: 16%;

}

.city-swiper .swiper-slide:hover .content .desc,
.city-swiper .swiper-slide:hover .content .more {

	opacity: 1;

}

@media only screen and (max-width:768px) {

	.kuan .swiper-slide {

		padding: 0
	}

	.city-swiper .swiper-slide .content .title {

		font-size: 14px;

		line-height: 25px
	}

	.city-swiper .swiper-slide .content {

		top: 20%;

	}

}



.sy_al {
	width: 96%;
	max-width: 1400px;
	margin: 50px auto;
}





.anli {
	width: 100%;



}

.anli .swiper-slide {

	text-align: center;

	background: #fff;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	transition: 300ms;

	transform: scale(1);

	opacity: 0.5;

	padding: 100px 0
}

.anli .swiper-slide i img {

	width: 100%;

	height: auto
}

.anli .swiper-slide p {

	display: none;
	font-size: 20px;
	transform: scale(0.8)
}

.anli .swiper-slide-active,
.swiper-slide-duplicate-active {

	transform: scale(1.5);

	z-index: 99;

	opacity: 1
}

.anli .swiper-slide-active p,
.swiper-slide-duplicate-active p {

	display: block
}

.anli .swiper-button-next {

	width: 37px;

	height: 74px;

	background: url(../images/right.png) center no-repeat;

	background-size: 100% auto;

	right: 0px;

	left: auto;

}

.anli .swiper-button-prev {

	width: 37px;

	height: 74px;

	background: url(../images/left.png) center no-repeat;

	background-size: 100% auto;

	left: 0px;

	right: auto;

}





@media only screen and (max-width:1200px) {

	.anli .swiper-slide {

		padding: 70px 0
	}





}



@media only screen and (max-width:995px) {

	.anli .swiper-slide {

		padding: 60px 0
	}

	.sy_al {
		margin: 20px auto
	}



	.anli .swiper-slide p {

		font-size: 14px;

	}

}





@media only screen and (max-width:768px) {



	.anli .swiper-slide-active,
	.swiper-slide-duplicate-active {

		transform: scale(1);

		z-index: 99;

		opacity: 1
	}

	.anli .swiper-slide {

		padding: 0px 0
	}

	.anli .swiper-slide p {

		transform: scale(1)
	}

}



.sy_lj {
	background: #f6f6f6;
	padding: 50px 0;
	overflow: hidden
}



.sy_lj ul li {
	float: left;
	width: 23%;
	margin-right: 2.66%;
	background: #fff url(../images/di.png) bottom right no-repeat;
	border: #eee 1px solid;
	position: relative;
	padding: 15px 0;
	box-sizing: border-box;
	transition: all 0.6s
}

.sy_lj ul li:last-child {
	margin-right: 0
}

.sy_lj ul li i {
	display: block;
	float: left;
	width: 50%;
	height: auto
}

.sy_lj ul li i img {
	width: 100%;
	height: auto
}

.sy_lj ul li a {
	display: block
}

.sy_lj ul li .kszi {
	position: absolute;
	right: 0;
	text-align: center;
	width: 50%;
	top: 50%;
	transform: translateY(-50%)
}

.sy_lj ul li .kszi h3 {
	font-size: 25px;
	color: #000;
	font-weight: bold;
	display: block;
	margin-bottom: 15px
}

.sy_lj ul li .kszi p {
	display: block;
	width: 100%;
	background: #6789AF;
	border-radius: 20px;
	line-height: 30px;
	text-align: center;
	max-width: 120px;
	margin: 0 auto;
	color: #fff
}



.sy_lj ul li:hover {
	transform: translateY(-5px);
	transition: all 0.6s;

	box-shadow: 0px 0px 10px rgba(195, 195, 195, 0.55);
}







@media only screen and (max-width:1200px) {

	.sy_lj ul li .kszi h3 {
		font-size: 16px;
		color: #000;
		font-weight: bold;
		display: block;
		margin-bottom: 15px
	}

	.sy_lj ul li .kszi p {
		font-size: 12px
	}

}





@media only screen and (max-width:995px) {

	.sy_lj ul li {
		width: 47%;
		margin-right: 0;
		margin-left: 2%;
		margin-bottom: 15px
	}



	.sy_lj ul li {
		background-size: 60% auto;
	}

	.sy_lj ul li .kszi p {
		line-height: 25px
	}





}







.footer {

	width: 100%;

	padding: 30px 0;

	background-color: #2d2d2d;

	color: #fff
}

.footer .con {

	margin: 0 auto;

	width: 96%;

	max-width: 1400px
}

.footer .con .d_lg {

	width: 300px;

	float: left;

}

.footer .con .d_lg img {

	width: 80%;

	height: auto;

	display: block;

	max-width: 170px
}

.footer .con .d_bq {

	line-height: 30px;

	font-size: 14px;

	float: left;

}

.footer .con .d_bq a {

	color: #999;

}

.footer .con .d_bq a:hover {

	color: #38BABC;

}

.footer .con .d_pt {

	width: 200px;

	float: right;

	overflow: hidden;

}

.footer .con .d_pt .wm {

	width: 90px;

}

.footer .con .d_pt .wm img {

	width: 100%;

	height: auto;

	display: block;

}

.footer .con .d_pt .wm p {

	font-size: 12px;

	line-height: 26px;

	text-align: center;

	margin-top: 5px;

}

.footer .con .d_pt .wm i {

	display: inline-block;

	width: 17px;

	height: 14px;

	padding-right: 5px;

}

@media only screen and (max-width:1080px) {



	.footer .con .d_lg {

		width: 200px;

		margin-top: 25px;

	}

	.footer .con .d_bq {

		margin-left: 50px;

		margin-top: 25px;

	}

}

@media only screen and (max-width:955px) {



	.footer .con .d_lg {

		width: 36%;

		margin: 0 auto;

		float: none;

	}

	.footer .con .d_bq {

		width: 100%;

		text-align: center;

		margin-left: auto;

		margin-top: 20px;

		font-size: 12px;

		line-height: 22px;

		float: none;

	}

	.footer .con .d_pt {

		margin: 20px auto 0;

		float: none;

	}

}













.ny_ban {

	width: 100%;

	height: 450px;

	overflow: hidden;

	position: relative;

}

.ny_ban .tp {



	left: 0;

	position: absolute;

	width: 100%;

	text-align: center;

	top: 50%;



}



.ny_ban .tp h3 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 10px
}



.ny_ban .tp p {
	font-size: 14px;
	color: #fff
}

.ny_ban .tp img {
	vertical-align: middle;
	padding: 0 10px
}





@media only screen and (max-width:768px) {

	.ny_ban {

		height: 300px;

	}



}

@media only screen and (max-width:640px) {

	.ny_ban {

		height: 200px;

	}



	.ny_ban .tp h3 {
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		padding-bottom: 10px
	}



	.ny_ban .tp p {
		font-size: 14px;
		color: #fff
	}



}

@media only screen and (max-width:320px) {

	.ny_ban {

		height: 180px;

	}

	.ny_ban .tp {

		top: 60%;

	}

}



.ndh {
	background: #434343;
	width: 100%;
	overflow: hidden
}



.nkuan {
	width: 96%;
	margin: 0 auto;
	max-width: 1200px;
}

.nddh {
	width: 96%;
	margin: 0 auto;
	max-width: 1200px;
	overflow-x: scroll;
}

.nddh::-webkit-scrollbar {
	display: none
}

.nddh ul {
	width: auto;
	height: 60px;
	width: 2000px;
	position: relative
}

.ndh ul li {
	float: left;
	margin-right: 10px
}

.ndh ul li a {
	display: block;
	width: auto;
	padding: 0 30px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	transition: all 0.6s
}

.ndh ul li a:hover {
	background: #38BABC;
	transition: all 0.6s
}



.ndh ul li .on {
	background: #38BABC
}





.nbt {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin-bottom: 40px;
}

.nbt em {
	display: block;
	width: 60px;
	height: 3px;
	background: #38BABC;
	margin: 0 auto;
	margin-top: 10px
}





@media only screen and (max-width:995px) {



	.nbt {
		font-size: 20px;
		margin-bottom: 20px;
	}





	.nddh ul {
		height: 40px;
	}

	.ndh ul li a {
		line-height: 40px;
		font-size: 14px;
	}

}



.ab1 {

	width: 96%;
	margin: 50px auto;
	max-width: 1200px
}



.ab1 .nr img {

	width: 100%;

	height: auto;

	display: block;

}

.ab1 .nr p {

	font-size: 15px;

	line-height: 36px;

}





.ab2 {
	background: #efefef;
	padding: 50px 0;
	overflow: hidden
}

.ab01 {
	float: left;
	width: 55%;
	height: auto;
	position: relative;
}

.ab01 img {
	width: 100%;
	height: auto;
	transition: all 0.6s
}



.ab01 p {
	display: block;
	position: absolute;
	padding: 30px;
	padding-left: 100px;
	color: #fff;
	line-height: 35px;
	font-size: 16px;
	z-index: 9
}



.ab01 em {
	display: block;
	position: absolute;
	left: 10px;
	top: -15px;
	z-index: 9
}

.ab01 em img {
	width: 59px;
	height: auto
}



.ab02 {
	width: 45%;
	float: right;
}

.ab02 ul li {
	float: left;
	width: 40%;
	margin-left: 10%;
	margin-bottom: 5%;
	transition: all 0.6s
}

.ab02 ul li:hover {
	transform: translateY(-10px);
	transition: all 0.6s
}

.ab02 ul li i img {
	height: 60px;
	width: auto
}



.ab02 ul li h3 {
	font-size: 20px;
	color: #000;
	font-weight: bold
}

.ab02 ul li p {
	font-size: 16px;
	color: #636363;
	line-height: 30px;
	height: 60px
}









@media only screen and (max-width:1200px) {



	.ab02 ul li {
		float: left;
		width: 44%;
		margin-left: 6%;
		margin-bottom: 5%
	}

	.ab01 p {
		font-size: 14px;
		line-height: 25px
	}





}



@media only screen and (max-width:995px) {

	.ab01 {
		width: 100%;
		float: none;
	}

	.ab02 {
		width: 100%;
		float: none;
	}





	.ab02 ul li {
		float: left;
		width: 44%;
		margin-left: 6%;
		margin-bottom: 5%
	}

	.ab01 p {
		font-size: 14px;
		line-height: 25px
	}





}



@media only screen and (max-width:600px) {

	.ab01 img {
		min-height: 260px;
	}

	.ab01 em img {
		width: 40px;
		height: auto;
		min-height: inherit
	}

	.ab01 p {
		padding: 10px;
		padding-left: 60px;
		line-height: 20px;
		font-size: 12px;
	}



	.ab02 ul li h3 {
		font-size: 16px;
	}

	.ab02 ul li {
		width: 47%;
		margin-left: 2%;
		margin-bottom: 2%
	}

	.ab02 ul li p {
		font-size: 14px;
		color: #636363;
		line-height: 25px;
		height: auto
	}

	.ab02 ul li img {
		height: 20px;
		width: auto
	}

}





.ab3 {
	background: #efefef;
	padding: 50px 0;
	overflow: hidden
}

.fengcai {
	width: 96%;
	margin: 0 auto;
	max-width: 1270px;
}

.fengcai ul li {
	float: left;
	width: 30%;
	padding-bottom: 20%;
	position: relative;
	margin: 1% 1.5%;
	overflow: hidden
}

.fengcai ul li img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.6s
}

.fengcai ul li:hover img {
	transform: scale(1.1, 1.1);
	transition: all 0.6s
}

.fengcai ul li p {
	display: block;
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	line-height: 25px;
	padding: 10px;
	box-sizing: border-box;
	left: 0;
	text-align: center;
	transition: all 0.6s;
	z-index: 99;
	bottom: -100px;
}

.fengcai ul li:hover p {
	bottom: 0;
	transition: all 0.6s;
}



@media only screen and (max-width:768px) {

	.fengcai ul li {
		float: left;
		width: 47%;
		padding-bottom: 31%;
		position: relative;
		margin: 1%
	}

	.ab3 {
		background: #efefef;
		padding: 20px 0;
		overflow: hidden
	}





}





.ab4 {
	width: 96%;
	max-width: 1220px;
	margin: 50px auto;
	overflow: hidden
}

.ab4 ul li {
	float: left;
	width: 23%;
	padding-bottom: 15%;
	position: relative;
	margin: 1%;
	overflow: hidden
}

.ab4 ul li img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.6s
}

.ab4 ul li:hover img {
	transform: scale(1.1, 1.1);
	transition: all 0.6s
}

.ab4 ul li p {
	display: block;
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	line-height: 25px;
	padding: 10px;
	box-sizing: border-box;
	left: 0;
	text-align: center;
	transition: all 0.6s;
	z-index: 99;
	bottom: -100px;
}

.ab4 ul li:hover p {
	bottom: 0;
	transition: all 0.6s;
}



@media only screen and (max-width:768px) {

	.ab4 ul li {
		float: left;
		width: 47%;
		padding-bottom: 31%;
		position: relative;
		margin: 1%
	}

	.ab4 {
		margin: 20px auto;
		overflow: hidden
	}





}





.xw {

	width: 100%;

	overflow: hidden;

	margin: 50px auto;

}

.xw .tp {

	width: 240px;

	height: 160px;



	float: left;

	overflow: hidden;



	overflow: hidden
}

.xw .tp img {

	width: 100%;

	height: auto;

	display: block;

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

}



.xw ul li:hover .tp img {

	transform: scale(1.1, 1.1);



	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

}



.xw .wz {

	width: calc(100% - 280px);

	float: right;

	font-size: 14px;

	line-height: 26px;

	overflow: hidden;



}

.xw .wz h3 {

	font-size: 20px;

	line-height: 32px;

	margin-bottom: 10px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	float: left;

	width: 80%
}

.xw .wz h3 a:hover {

	color: #38BABC;

}

.xw .wz p {

	margin-top: 10px;

	font-size: 15px;

	line-height: 30px;

	color: #747474;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}





.xw .wz em {

	display: block;
	float: right
}







.xw ul li {
	padding: 40px 0;
	position: relative;
	overflow: hidden
}

.xw ul li:nth-child(2n) {
	background: #f6f6f6
}

.xw .wz span {
	color: #a4a4a4;
	display: block;
	position: absolute;
	bottom: 40px;
	background: url(../images/sj.png) left center no-repeat;
	background-size: 16px auto;
	padding-left: 20px
}





@media only screen and (max-width:600px) {

	.xw .tp {
		width: 100%;
		height: auto;
		float: none;



	}

	.xw .wz {

		width: 100%;

		float: none;

		font-size: 14px;

		line-height: 26px;

		overflow: hidden;



	}

	.xw .wz h3 {

		font-size: 16px;

		line-height: 25px;

		margin-bottom: 10px;

		margin-top: 10px;



	}



	.xw .wz p {

		margin-top: 10px;

		font-size: 12px;

		line-height: 20px;

		color: #747474;

		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}



	.xw .wz span {
		position: inherit;
		font-size: 12px;
		margin-top: 10px
	}



	.xw .wz em {

		margin-top: 10px
	}

}





.dacp {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 0
}

.dacp img {
	width: 100%;
	height: auto;
}

.dacp .cpwz {
	position: absolute;
	left: 0;
	width: 100%;
	top: 40%;
	z-index: 99;
	color: #fff
}

.dacp .cpwz h3 {
	font-size: 35px;
	background: #38BABC;
	position: relative;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
}

.dacp .cpwz p {
	display: block;
	margin-top: 20px;
	max-width: 500px;
	font-size: 20px;
	line-height: 30px
}







.cp1 {
	width: 100%;
	background: url(../images/bg2.jpg) center no-repeat;
	background-size: cover;
	padding: 100px 0;
	text-align: center
}

.cp1 h3 {
	display: block;
	text-align: center;
	font-size: 35px;
	color: #000;
	margin-bottom: 40px
}

.cp1 img {
	height: auto;
}

.cp01 {
	width: 96%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative
}

.cp01 i img {
	width: 50%;
	height: auto;
	max-width: 420px;
	transition: all 0.6s
}

.cp01 ul {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.cp01 ul li {
	position: absolute;
	max-width: 40%;

}



.cp01 ul li img {
	transition: all 0.6s;
	animation: myfirst infinite 1.2s;

	-moz-animation: myfirst infinite 1.2s;
	/* Firefox */

	-webkit-animation: myfirst infinite 1.2s;
	/* Safari and Chrome */

	-o-animation: myfirst infinite 1.2ss;
	/* Opera */
}



@keyframes myfirst {

	from {
		transform: scale(0.9, 0.9)
	}

	to {
		transform: scale(1, 1)
	}

}



@-moz-keyframes myfirst
/* Firefox */

	{

	from {
		transform: scale(0.9, 0.9)
	}

	to {
		transform: scale(1, 1)
	}

}



@-webkit-keyframes myfirst
/* Safari and Chrome */

	{

	from {
		transform: scale(0.9, 0.9)
	}

	to {
		transform: scale(1, 1)
	}

}



@-o-keyframes myfirst
/* Opera */

	{

	from {
		transform: scale(0.9, 0.9)
	}

	to {
		transform: scale(1, 1)
	}

}







.cp01 ul li img {
	width: 100%;
	height: auto;
	max-width: 100px;
}

.cp01 ul li p {
	display: block;
	text-align: center;
	color: #38BABC;
	font-size: 16px
}

.cp01 ul .td1 {
	left: 10%;
	top: 0
}

.cp01 ul .td2 {
	left: 0;
	top: 40%
}

.cp01 ul .td3 {
	left: 10%;
	bottom: 0
}

.cp01 ul .td4 {
	right: 10%;
	top: 0
}

.cp01 ul .td5 {
	right: 0;
	top: 40%
}

.cp01 ul .td6 {
	right: 10%;
	bottom: 0
}













.cp2 {
	width: 96%;
	margin: 50px auto;
	max-width: 1200px
}

.cp2 .zuotu {
	float: left;
	width: 35%;
	margin-top: 60px
}

.cp2 .zuotu img {
	width: 80%;
	height: auto
}



.cp2 .youbiao {
	float: right;
	width: 65%;
}

.cp2 .youbiao h3 {
	display: block;
	text-align: center;
	font-size: 30px;
	color: #000;
	margin-bottom: 30px
}

.canshu {
	border-bottom: #eee 1px solid
}

.canshu td {
	border: #eee 1px solid;
	border-bottom: 0;
	padding: 10px 15px;
}

.canshu .mc {
	width: 200px
}







@media only screen and (max-width:995px) {



	.cp2 .zuotu {
		display: none
	}

	.cp2 .youbiao {
		float: none;
		width: 100%;
	}



	.dacp .cpwz h3 {
		font-size: 20px;
	}

	.dacp .cpwz p {
		display: block;
		margin-top: 20px;
		max-width: 500px;
		font-size: 12px;
		line-height: 23px
	}

	.cp1 h3 {
		font-size: 20px;
		color: #000;
		margin-bottom: 20px
	}

	.cp2 .youbiao h3 {
		font-size: 20px;
		margin-bottom: 20px
	}

	.cp1 {
		padding: 30px 0;
		text-align: center
	}

	.cp2 {
		margin: 30px auto;
	}





	.dacp {
		width: 100%;
		height: auto;
		position: relative;
		font-size: 0
	}

	.dacp img {
		width: 100%;
		height: auto;
	}



	.canshu .mc {
		width: auto
	}



}







@media only screen and (max-width:768px) {



	.dacp {
		width: 100%;
		height: 350px;
		position: relative;
		font-size: 0
	}

	.dacp img {
		position: absolute;
		top: 0;
		height: 350px;
		width: auto;
		left: 50%;
		transform: translateX(-50%)
	}





	.cp01 ul {
		position: relative;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0
	}

	.cp01 ul li {
		position: inherit;
		max-width: 40%;
		width: 33.3333%;
		text-align: center;
		float: left;
		margin-bottom: 15px
	}

	.cp01 ul li img {
		width: 50%;
		height: auto
	}

	.cp01 ul li p {
		font-size: 14px;
		line-height: 25px;
	}

	.cp01 ul .td1 {
		left: 0;
		top: 0
	}

	.cp01 ul .td2 {
		left: 0;
		top: 0
	}

	.cp01 ul .td3 {
		left: 0;
		bottom: 0
	}

	.cp01 ul .td4 {
		right: 0;
		top: 0
	}

	.cp01 ul .td5 {
		right: 0;
		top: 0
	}

	.cp01 ul .td6 {
		right: 0;
		bottom: 0
	}



}





@media only screen and (max-width:500px) {



	.dacp {
		width: 100%;
		height: 250px;
		position: relative;
		font-size: 0
	}

	.dacp img {
		position: absolute;
		top: 0;
		height: 250px;
		width: auto;
		left: 50%;
		transform: translateX(-50%)
	}



	.cp01 ul li p {
		font-size: 12px;
		line-height: 25px;
	}

}





.allb {
	width: 96%;
	margin: 50px auto;
	max-width: 1250px
}



.allb ul li {
	border: #e5e5e5 1px solid;
	float: left;
	width: 47%;
	margin-left: 2%;
	padding: 10px;
	margin-bottom: 2%;
	box-sizing: border-box;
	transition: all 0.6s
}

.allb ul li:hover {
	box-shadow: 0px 0px 10px rgba(195, 195, 195, 0.55);
	transform: scale(1.05, 1.05);
	transition: all 0.6s;
	position: relative;
	z-index: 99999
}

.allb ul li i {
	display: block;
	width: 50%;
	padding-bottom: 33%;
	position: relative;
	float: left
}

.allb ul li i img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}



.allb ul li .alzi {
	width: 50%;
	padding: 10px 20px;
	box-sizing: border-box;
	float: right
}

.allb ul li .alzi h3 {
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: bold
}

.allb ul li:hover a h3 {
	color: #38BABC
}

.allb ul li .alzi p {
	display: block;
	color: #676767;
	font-size: 14px;
	line-height: 25px;
	margin: 10px 0;
	height: 100px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

.allb ul li .alzi span {
	color: #38BABC
}









@media only screen and (max-width:1200px) {

	.allb ul li .alzi h3 {
		display: block;
		font-size: 16px;
		color: #000;
		font-weight: bold
	}



	.allb ul li .alzi p {
		font-size: 12px;
		line-height: 23px;
		margin: 10px 0;
		height: 46px;

		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}



}





@media only screen and (max-width:995px) {

	.allb ul li {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 10px;
		overflow: hidden
	}

	.allb {
		margin: 30px auto;
	}

}



@media only screen and (max-width:500px) {

	.allb ul li .alzi h3 {
		margin-bottom: 10px
	}

	.allb ul li .alzi p {
		display: none
	}

}









/* =========



  移动应用



  ========== */

.businessNavTop .comnav-swiper .swiper-slide {

	min-width: 16.666666666%;

}

.mobile-top-container {

	margin-top: 86px;

	width: 96%;

	margin: 50px auto;

	max-width: 1410px;

}

.moblie-swiper-box .moblie-swiper-top {

	margin-top: 30px;

	margin-bottom: 60px;

}

.moblie-swiper-box .moblie-swiper-top .swiper-wrapper {

	-webkit-justify-content: center;

	justify-content: center;

}

.moblie-swiper-box .moblie-swiper-top .swiper-slide {

	width: auto;

	margin-right: 100px;

	text-align: center;

	padding-bottom: 16px;

	cursor: pointer;

}

.moblie-swiper-box .moblie-swiper-top .swiper-slide:after {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 5px 5px 0 5px;

	border-color: #38BABC transparent transparent transparent;

	bottom: 0;

	left: 50%;

	margin-left: -5px;

	opacity: 0;

}

.moblie-swiper-box .moblie-swiper-top .swiper-slide.active-nav:after {

	opacity: 1;

}

.moblie-swiper-box .moblie-swiper-top .swiper-slide:last-child {

	margin-right: 0;

}

.moblie-swiper-box .moblie-swiper-top .swiper-slide img {

	width: 42px;

	height: 42px;

}

.moblie-swiper-box .moblie-swiper-top .swiper-slide .title {

	font-size: 14px;

	color: #858585;

	margin-top: 10px;

}

.moblie-swiper-box .bottom-container {

	position: relative;

}

.moblie-swiper-box .bottom-container .item {

	position: absolute;

	top: 65px;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-filter: blur(3px);

	-moz-filter: blur(3px);

	-ms-filter: blur(3px);

	filter: blur(3px);

}

.moblie-swiper-box .bottom-container .item img {

	width: 100%;

}

.moblie-swiper-box .bottom-container .item1 {

	left: 0;

}

.moblie-swiper-box .bottom-container .item2 {

	left: 260px;

}

.moblie-swiper-box .bottom-container .item3 {

	right: 260px;

}

.moblie-swiper-box .bottom-container .item4 {

	right: 0;

}

.moblie-swiper-box .bottom-container .inbox {

	position: relative;

	z-index: 11;

	width: 530px;

	height: 580px;

	background: url(../images/img06.png) no-repeat top center;

	padding-top: 65px;

	margin: 0 auto;

}

.moblie-swiper-box .moblie-swiper-bottom {

	width: 225px;

	margin-right: 0;

	margin-left: 166px;

}

.moblie-swiper-box .moblie-swiper-bottom .swiper-slide {

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.moblie-swiper-box .moblie-swiper-bottom .swiper-slide img {

	width: 100%;

}



.comWord .cword {
	font-size: 33px;
	text-align: center;
	color: #000
}

.comWord .cdesc {

	text-align: center;

	font-size: 16px;

	color: #818181;

	line-height: 1.5;

	margin-top: 22px;

	margin-bottom: 20px;

}

.comWord .cdesc img {
	max-width: 100%;
	height: auto
}

.comWord .cline {

	margin: 0 auto;

	height: 2px;

	width: 48px;

	background: #38BABC
}

.mobile-bottom-container {

	background-color: #f3f5f7;

	padding-top: 62px;

}

.mobile-bottom-container .innerbox {

	max-width: 875px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	margin: 0 auto
}

.mobile-bottom-container .innerbox .left {

	width: 315px;

	margin-right: 8%;

}

.mobile-bottom-container .innerbox .left img {

	width: 100%;

}

.mobile-bottom-container .innerbox .right {

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

}

@media only screen and (max-width:1024px) {

	.mobile-bottom-container {

		padding-top: 6.2%;

	}

	.mobile-top-container {

		margin-top: 8%;

	}

	.moblie-swiper-box .moblie-swiper-top {

		margin-top: 3%;

		margin-bottom: 6%;

	}

}

@media only screen and (max-width:800px) {

	.moblie-swiper-box .bottom-container .item {

		display: none;

	}

	.comWord .cword {
		font-size: 23px;
		text-align: center;
		color: #000
	}



	.comWord .cdesc {

		text-align: center;

		font-size: 14px;

		color: #818181;

		line-height: 1.5;

		margin-top: 22px;

		margin-bottom: 20px;

	}

}

@media only screen and (max-width:640px) {

	.mobile-bottom-container .innerbox {

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.mobile-bottom-container .innerbox .left {

		margin-right: 0;

		width: 100%;

		text-align: center;

	}

	.mobile-bottom-container .innerbox .right {

		margin-top: 0;

		padding-bottom: 5%;

	}

	.mobile-bottom-container .innerbox .right img {

		max-width: 100%;
		height: auto
	}

	.moblie-swiper-box .moblie-swiper-top .swiper-slide {

		margin-right: 50px;

	}



	.moblie-swiper-box .moblie-swiper-top .swiper-slide img {

		width: 30px;

		height: 30px;

	}



	.mobile-bottom-container .innerbox .left {

		width: 100%;

		margin-right: 0;

	}

	.mobile-bottom-container .innerbox .left img {

		width: 40%;
		height: auto
	}

}

@media only screen and (max-width:560px) {

	.moblie-swiper-box .bottom-container .inbox {

		width: 100%;

		height: auto;

		padding: 0;

		-webkit-background-size: cover;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center;

	}

	.moblie-swiper-box .bottom-container .inbox:before {

		content: "";

		float: left;

		width: 1px;

		margin-left: -1px;

		height: 0;

		padding-top: calc(580 / 530 * 100%);

	}

	.moblie-swiper-box .bottom-container .inbox:after {

		content: "";

		clear: both;

		display: table;

	}

	.moblie-swiper-box .moblie-swiper-bottom {

		position: absolute;

		top: 11.3%;

		height: calc(400 / 580 * 100%);

		width: calc(225 / 530 * 100%);

		margin-left: 0;

		left: 31.2%;

	}

	.moblie-swiper-box .moblie-swiper-bottom .swiper-slide img {

		display: none;

	}

}

@media only screen and (max-width:414px) {

	.moblie-swiper-box .moblie-swiper-bottom {

		left: 31.36%;

	}

	.moblie-swiper-box .moblie-swiper-top .swiper-slide {

		margin-right: 20px;

	}

	.moblie-swiper-box .moblie-swiper-top {

		margin-top: 15px;

		margin-bottom: 25px;

	}

}

@media only screen and (max-width:375px) {

	.moblie-swiper-box .moblie-swiper-bottom {

		left: 31.276%;

	}

}

@media only screen and (max-width:320px) {

	.moblie-swiper-box .moblie-swiper-bottom {

		left: 31.22%;

	}

}







/* =========



  管理平台



  ========== */



.wrap {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto
}



.manage-public-container {

	margin: 50px auto;



	text-align: center;

}

.manage-public-container img {

	width: 100%;
	height: auto;
	max-width: 1200px
}

.manage-data-container {

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	text-align: center;

	padding-top: 83px;

	position: relative
}

.manage-data-container .btn {

	position: absolute;

	top: 50%;

	width: 50px;

	height: 100px;

	margin-top: -50px;

	cursor: pointer;

	z-index: 10;

}



.manage-data-container .data-prev {

	left: 10%;
	background: url(../images/left1.png) center no-repeat
}

.manage-data-container .data-next {

	right: 10%;
	background: url(../images/right1.png) center no-repeat
}

.manage-data-container .word {

	font-size: 20px;

	color: #fff;

	line-height: 1.2;

}

.manage-data-container .tubg {

	display: inline-block;

	margin-top: 40px;

	position: relative;

}

.manage-data-container .tubg .manage-data-swiper {

	position: absolute;

	top: 5.2%;

	left: 4.1%;

	width: 91.8%;

}

.manage-data-container .tubg .manage-data-swiper .swiper-slide {

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	background-color: #000;

}

.manage-data-container .tubg .manage-data-swiper .swiper-slide img {

	width: 100%;

}

.manage-private-container {

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	padding-top: 82px;

	text-align: center;

	padding-bottom: 100px;

}

.manage-private-container .cword {

	color: #434343;

}

.manage-private-container .cdesc {

	color: #707070;

	margin-top: 27px;

	margin-bottom: 64px;

}

.manage-private-container .list {



	margin-top: 70px;

	text-align: center;

	font-size: 0
}

.manage-private-container .list li {

	width: 14%;



	cursor: pointer;

	font-size: 14px;

	color: #2a2a2a;

	margin-bottom: 20px;

	position: relative;

	overflow: hidden;

	line-height: 40px;

	display: inline-block;

	transition: all 0.6s
}



.manage-private-container .list li:hover {
	transform: translateY(-10px);
	transition: all 0.6s
}



.manage-private-container .list li i {
	display: block;
	width: 50%;
	padding-bottom: 50%;
	margin: 0 auto;
	position: relative;
	border: #38BABC 1px solid;
	box-sizing: border-box;
	border-radius: 50px;
}



.manage-private-container .list li i img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 70%;
	max-height: 70%;
}



@media only screen and (max-width:1024px) {

	.manage-public-container {

		margin-top: 8%;

		margin-bottom: 9%;

	}

	.manage-public-container img {

		margin-top: 6%;

	}

	.manage-data-container {

		padding-top: 8%;

	}

	.manage-data-container .tubg {

		margin-top: 4%;

	}

	.manage-data-container .tubg img {

		max-width: 100%;
		height: auto
	}



}





@media only screen and (max-width:995px) {



	.manage-private-container .list li {

		width: 20%;



	}

	.manage-private-container .list li i {
		width: 70%;
		padding-bottom: 70%;
	}





	.manage-private-container {

		padding: 30px 0
	}



	.manage-private-container .list {



		margin-top: 30px;

		text-align: center;

		font-size: 0
	}



	.manage-data-container .word {

		font-size: 20px;



	}

}





@media only screen and (max-width:600px) {



	.manage-private-container .list li {

		width: 25%;
		margin: 0;
		margin-bottom: 15px
	}



}



@media only screen and (max-width:414px) {



	.manage-data-container .tubg .manage-data-swiper {

		width: 92%;

	}



}



@media only screen and (max-width:375px) {

	.manage-data-container .tubg .manage-data-swiper {

		left: 4%;

		width: 92.1%;

	}

}





.chargeComTitle .word {

	font-size: 36px;

	color: #161616;

	line-height: 1.1;

	text-indent: 20px;

	border-left: 5px solid #38BABC;

}

.charge-top-container {

	background-color: #f6f6f6;

	padding-top: 86px;

	padding-bottom: 82px;

}

.charge-top-container .list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-top: 38px;

}

.charge-top-container .list li {

	margin-right: 20px;

	background-color: #fff;

	width: calc(25% - 15px);

	text-align: center;

	padding-top: 52px;

	padding-bottom: 43px;

	margin-bottom: 10px;

	cursor: pointer;

	position: relative;

}

.charge-top-container .list li:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .15);

	box-shadow: 0 0 16px rgba(0, 0, 0, .15);

	opacity: 0;

}

.charge-top-container .list li:nth-child(4n+0) {

	margin-right: 0;

}

.charge-top-container .list li img {

	width: 110px;

	height: 80px;

}

.charge-top-container .list li .title {

	font-size: 18px;

	font-weight: bold;

	color: #161616;

	line-height: 1.5;

	white-space: normal;

	margin-top: 40px;

	padding: 0 10px;

}

.charge-bottom-container {

	margin-top: 80px;

	margin-bottom: 90px;

}

.charge-bottom-container .innerbox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse;

	-webkit-justify-content: space-between;

	-ms-justify-content: space-between;

	justify-content: space-between;

}

.charge-bottom-container .innerbox .left {

	width: 245px;

	margin-right: 5%;

	padding-top: 75px;

}


.charge-bottom-container .innerbox .left .item {
	border: #7aaf18 1px solid;
	background-color: rgba(104, 148, 23, .1);
	text-align: center;
	padding-top: 26px;
	cursor: pointer;
	padding-bottom: 18px;
	margin-bottom: 22px;
	transition: all 0.6s
}

.charge-bottom-container .innerbox .left .item:hover {
	border: #5f8c0b 1px solid;
	background-color: rgba(104, 148, 23, .1);
	transform: translateY(-10px);
	transition: all 0.6s
}

.charge-bottom-container .innerbox .left .item:hover .num {
	color: #5f8c0b
}

.charge-bottom-container .innerbox .left .item:hover .title {
	background: #5f8c0b
}

.charge-bottom-container .innerbox .left .item .num {
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
	color: #7aaf18;
}

.charge-bottom-container .innerbox .left .item .title {
	width: calc(100% - 32px);
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	background: #7aaf18
}



.charge-bottom-container .innerbox .left .item .num {

	font-size: 36px;

	font-weight: bold;

	line-height: 40px;

	height: 40px;

	margin-bottom: 20px;

}

.charge-bottom-container .innerbox .left .item .title {

	width: calc(100% - 32px);

	margin: 0 auto;

	height: 40px;

	line-height: 40px;

}

.charge-bottom-container .innerbox .left .item .title span {

	display: inline-block;

	font-size: 16px;

	color: #fff;

	padding-left: 28px;

	background-repeat: no-repeat;

	background-position: 0 center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

	max-width: 100%;

	overflow: hidden;

}


.charge-bottom-container .innerbox .right {

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	max-width: 753px;

}

.charge-bottom-container .innerbox .right .inbox {

	position: relative;

}

.charge-bottom-container .innerbox .right img {

	width: 100%;

}

@-webkit-keyframes point {

	0% {

		-webkit-transform: scale(0);

	}

	50% {

		-webkit-transform: scale(1.4);

	}

	to {

		-webkit-transform: scale(1);

	}

}

@keyframes point {

	0% {

		transform: scale(0)
	}

	50% {

		transform: scale(1.4)
	}

	to {

		transform: scale(1)
	}

}

.charge-bottom-container .innerbox .right .mypoint {

	background-color: #38BABC;

	position: absolute;

	width: 6px;

	height: 6px;

	border-radius: 50%;

	margin-top: -3px;

	margin-left: -3px;

	-webkit-transform: scale(0);

	transform: scale(0);

	-webkit-animation: point .5s ease forwards;

	animation: point .5s ease forwards;

}

.charge-bottom-container .innerbox .right .mypoint:nth-child(4n+0) {

	animation-delay: 0s;

	-webkit-animation-delay: 0s;

}

.charge-bottom-container .innerbox .right .mypoint:nth-child(4n+1) {

	animation-delay: .1s;

	-webkit-animation-delay: .1s;

}

.charge-bottom-container .innerbox .right .mypoint:nth-child(4n+2) {

	animation-delay: .2s;

	-webkit-animation-delay: .2s;

}

.charge-bottom-container .innerbox .right .mypoint:nth-child(4n+3) {

	animation-delay: .3s;

	-webkit-animation-delay: .3s;

}

@media only screen and (min-width:601px) {

	.charge-top-container .list li:hover:before {

		opacity: 1;

	}

}

@media only screen and (max-width:1024px) {

	.charge-bottom-container {

		margin-top: 8%;

		margin-bottom: 9%;

	}

	.charge-bottom-container .innerbox .left {

		padding-top: 7%;

	}

	.charge-top-container {

		padding-top: 8.6%;

		padding-bottom: 8.2%;

	}

	.chargeComTitle .word {

		font-size: 30px;

	}

	.charge-top-container .list {

		margin-top: 3.8%;

	}

}

@media only screen and (max-width:800px) {

	.charge-top-container .list li {

		width: calc(50% - 5px);

		margin-right: 10px;

	}

	.charge-top-container .list li:nth-child(2n+0) {

		margin-right: 0;

	}

	.charge-bottom-container .innerbox {

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.charge-bottom-container .innerbox .left {

		margin-right: 0;

		display: -webkit-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-flex-direction: row;

		-ms-flex-direction: row;

		flex-direction: row;

		width: 100%;

	}

	.charge-bottom-container .innerbox .left .item {

		margin-right: 10px;

		-webkit-flex: 1;

		-ms-flex: 1;

		flex: 1;

		margin-bottom: 0;

	}

	.charge-bottom-container .innerbox .left .item:last-child {

		margin-right: 0;

	}

}

@media only screen and (max-width:640px) {

	.charge-bottom-container .innerbox .left {

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.charge-bottom-container .innerbox .left .item {

		margin-bottom: 15px;

		margin-right: 0;

	}

}

@media only screen and (max-width:414px) {

	.charge-bottom-container .innerbox .right .point {

		width: 4px;

		height: 4px;

	}

	.chargeComTitle .word {

		font-size: 24px;

		line-height: 30px;

		padding-left: 12px;

		text-indent: 0;

	}

	.charge-top-container .list li {

		padding-top: 30px;

		padding-bottom: 20px;

	}

	.charge-top-container .list li .title {

		margin-top: 20px;

		font-size: 14px;

	}

}



/* =========



  电桩运营



  ========== */

.operate-top-container {

	padding-top: 88px;

	padding-bottom: 99px;



	background-color: #f6f6f6;

}

.operate-top-swiper {

	margin-top: 36px;

	border-left: 1px solid #e2e2e2;

}

.operate-top-swiper .swiper-slide {

	width: auto;

	min-width: 100px;

	padding: 0 10px;

	cursor: pointer;

	font-size: 15px;

	color: #333333;

	height: 40px;

	line-height: 38px;

	background-color: #eaeaea;

	border-top: 1px solid #e2e2e2;

	border-bottom: 1px solid #e2e2e2;

	border-right: 1px solid #e2e2e2;

	text-align: center;

}

.operate-top-swiper .swiper-slide.active {

	background-color: #38BABC;

	color: #fff
}

.operate-top-container .content-box {

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);

	box-shadow: 0 0 10px rgba(0, 0, 0, .15);

}

.operate-top-container .content-box {

	padding-right: 41.66%;

	position: relative;

	background-color: #fff;

	display: none;

}

#swiperDown0 {

	display: block;

}

.operate-top-container .content-box .left {

	padding: 6.5% 6.8%;

}

.operate-top-container .content-box .left .title {

	font-size: 24px;

	color: #333333;

}

.operate-top-container .content-box .left .content {

	font-size: 16px;

	color: #6d6d6d;

	line-height: 1.8;

	margin-top: 15px;

	min-height: 213px;

}

.operate-top-container .content-box .imgbox {

	width: 41.66%;

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;



	background-size: auto 100%;

	background-repeat: no-repeat;

	background-position: center right;



}

.operate-bottom-container {

	padding-top: 84px;

	padding-bottom: 128px;



}

.operate-bottom-container .word1 {

	text-align: center;

	border-left: 0;

	text-indent: 0;

}

.operate-bottom-container .form-box {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	background-color: #fff;

	margin-top: 40px;

}

.operate-bottom-container .form-box .left {

	width: 185px;

}

.operate-bottom-swiper {

	text-align: center;

}

.operate-bottom-swiper .swiper-slide {

	height: 106px;

	background-color: #4a4a4a;

	padding-top: 15px;

	cursor: pointer;

}

.operate-bottom-swiper .swiper-slide:nth-child(2) {

	background-color: #3f3f3f;

}

.operate-bottom-swiper .swiper-slide:nth-child(3) {

	background-color: #303030;

}

.operate-bottom-swiper .swiper-slide:nth-child(4) {

	background-color: #252525;

}

.operate-bottom-swiper .swiper-slide:nth-child(5) {

	background-color: #161616;

}

.operate-bottom-swiper .swiper-slide:nth-child(6) {

	background-color: #000000;

}

.operate-bottom-swiper .swiper-slide .title {

	color: #959595;

	font-size: 14px;

	height: 20px;

	line-height: 20px;

	padding: 0 10px;

	margin-top: 6px;

}

.operate-bottom-swiper .swiper-slide.active {

	background: -webkit-linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

	background: -moz-linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

	background: -ms-linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

	background: linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

}

.operate-bottom-swiper .swiper-slide.active .title {

	color: #ffffff;

}

.operate-bottom-container .right {

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	padding-left: 3.75%;

	padding-right: 3.75%;

	border: 1px solid #e0e0e0;

	border-left: 0;

	padding-top: 106px;

	background: url(../images/icon27.png) no-repeat right bottom;

}

.operate-bottom-container .right .word {

	font-size: 18px;

	text-indent: 13px;

	border-left-width: 3px;

}

.operate-bottom-container .right form {

	width: 100%;

	margin-top: 20px;

}

.operate-bottom-container .right form .input-box {

	float: left;

	width: calc(50% - 8px);

	margin-right: 16px;

	margin-bottom: 14px;

}

.operate-bottom-container .right form .input-box:nth-child(2n+0) {

	margin-right: 0;

}

.operate-bottom-container .right form .input-box input[type="text"] {

	width: 100%;

	height: 48px;

	border: 1px solid #e4e4e4;

	text-indent: 12px;

	font-size: 14px;

}

.operate-bottom-container .right form {

	display: none;

}

.operate-bottom-container .right #rightForm0 {

	display: block;

}

.operate-bottom-container .right form .submit-box {

	margin-top: 34px;

}

.operate-bottom-container .right form .submit-box input[type="submit"] {

	background-color: #7caf1d;

	color: #fff;

	border: 0;

	cursor: pointer;

	border-radius: 3px;

	width: 124px;

	height: 52px;

	font-size: 18px;

}

.operate-bottom-container .right form .submit-box input[type="reset"] {

	background-color: #7caf1d;

	color: #fff;

	border: 0;

	cursor: pointer;

	border-radius: 3px;

	width: 124px;

	height: 52px;

	font-size: 18px;

}



.operate-bottom-container .right form .submit-box .cancel {

	display: inline-block;

	width: 124px;

	height: 52px;

	font-size: 18px;

	color: #fff;

	background: #38BABC;

	border-radius: 3px;

	text-align: center;

	line-height: 50px;

	margin-left: 8px;

}

@media only screen and (min-width:601px) {

	.operate-top-swiper .swiper-slide:hover {

		color: #fff;

		background: #38BABC;

	}

	.operate-bottom-swiper .swiper-slide:hover {

		background: #7caf1d;

	}

	.operate-bottom-swiper .swiper-slide.active:hover {

		background: -webkit-linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

		background: -moz-linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

		background: -ms-linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

		background: linear-gradient(to right, #98ce35 0px, #7db01e 50%, #689517 100%);

	}

	.operate-bottom-swiper .swiper-slide:hover .title {

		color: #ffffff;

	}

}

@media only screen and (max-width:1024px) {

	.operate-top-container {

		padding-top: 8%;

		padding-bottom: 9%;

	}

	.operate-top-swiper {

		margin-top: 3.6%;

	}

	.operate-bottom-container {

		padding-top: 8%;

		padding-bottom: 11%;

	}

	.operate-bottom-container .form-box {

		margin-top: calc(3% + 10px);

	}

}

@media only screen and (max-width:800px) {

	.operate-top-container .content-box {

		padding: 0;

	}

	.operate-top-container .content-box .imgbox {

		position: static;

		width: 100%;

		background-size: 100% auto;

	}

	.operate-top-container .content-box .imgbox:before {

		content: "";

		float: left;

		width: 1px;

		margin-left: -1px;

		height: 0;

		padding-top: calc(350 / 500 * 100%);

	}

	.operate-top-container .content-box .imgbox:after {

		content: "";

		clear: both;

		display: table;

	}

	.operate-top-container .content-box .left .content {

		min-height: 0;

	}

}

@media only screen and (max-width:640px) {

	.operate-bottom-container .form-box {

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.operate-bottom-container .form-box .left {

		width: 100%;

	}



	.operate-bottom-container .form-box .left {

		width: 100%;

	}



	.operate-bottom-swiper .swiper-slide {

		width: 185px;

	}

	.operate-bottom-container .right {

		padding: 5%;

	}



	.left .swiper-container-vertical>.swiper-wrapper {

		-webkit-box-orient: vertical;

		-moz-box-orient: vertical;

		-ms-flex-direction: row;

		-webkit-flex-direction: row;

		flex-direction: row
	}

}

@media only screen and (max-width:414px) {

	.operate-top-container .content-box .left {

		padding: 12px;

	}

	.operate-top-container .content-box .left .title {

		font-size: 20px;

	}

	.operate-top-container .content-box .left .content {

		margin-top: 8px;

	}

	.operate-bottom-container .right form .input-box {

		float: none;

		width: 100%;

		margin-right: 0;

		margin-bottom: 10px;

	}

	.operate-bottom-container .right .word {

		text-indent: 0;

	}

	.operate-bottom-container .right form .input-box input[type="text"] {

		height: 40px;

	}

	.operate-bottom-container .right form .submit-box input[type="submit"] {

		height: 44px;

	}

	.operate-bottom-container .right form .submit-box input[type="reset"] {

		height: 44px;

	}

	.operate-bottom-container .right form .submit-box .cancel {

		height: 44px;

		line-height: 42px;

	}

	.operate-bottom-container .right form .submit-box {

		margin-top: 24px;

	}

}











.nlx {
	width: 96%;

	position: relative;

	margin: 40px auto;

	max-width: 1200px;
}







.nlxL1 {

	float: left;

	width: 38%;

}



.nlxL1 h3 {

	display: block;

	position: relative;

	font-size: 25px;

	color: #000;

	padding-bottom: 10px;

}

.nlxL1 h3:after {

	content: "";

	display: block;

	width: 55px;

	height: 3px;

	background: #38BABC;

	position: absolute;

	bottom: 0;

	left: 0
}

.nlxL1 h3 em {

	font-size: 50px;

	font-style: normal;

	font-family: Arial, Helvetica, sans-serif;

	display: block;

	font-weight: bold
}

.nlxL1 ul li {

	margin-top: 35px;

	overflow: hidden
}

.nlxL1 ul li i {

	display: block;

	float: left;

	width: 50px;

}

.nlxL1 ul li p {

	display: block;

	float: left;

	color: #454545;

	width: calc(100% - 50px);

	font-size: 14px
}

.nlxL1 ul li p em {

	display: block;

	font-weight: bold;

	font-style: normal;

	font-size: 16px;

	color: #000;

}

.ditu1 {

	float: right;

	width: 60%;

}

.ditu1 img {



	width: 100%;

	height: auto
}





@media only screen and (max-width: 1024px) {

	.nlxL1 h3 {

		font-size: 16px;

		color: #000;

		padding-bottom: 10px;

	}

	.nlxL1 h3 em {

		font-size: 20px;

	}

	.nlxL1 ul li {

		margin-top: 20px;

		overflow: hidden
	}

	.nlxL1 ul li i {

		display: block;

		float: left;

		width: 40px;

	}

	.nlxL1 ul li i img {

		width: 30px;

		height: auto
	}

	.nlxL1 ul li p {

		display: block;

		float: left;

		color: #454545;

		width: calc(100% - 40px);

		font-size: 14px
	}

	.nlxL1 ul li p em {

		display: block;

		font-weight: bold;

		font-style: normal;

		font-size: 14px;

		color: #000;

	}



}

@media only screen and (max-width: 768px) {

	.nlxL1 {

		width: 45%
	}

	.ditu1 {

		width: 50%
	}



}

@media only screen and (max-width: 600px) {

	.nlxL1 {

		width: 100%
	}

	.ditu1 {

		display: none
	}

}





.mainCon {

	width: 100%;

	background: #f5f5f5;



	position: relative;

	padding: 30px 0;

	overflow: hidden;

	margin-top: 30px;

}

.mainCon .box {

	width: 100%;







}

.mainCon .box p {
	display: block;
	height: 42px;
	text-align: left;
	color: #969696;
	font-size: 16px;
	overflow: hidden
}

.mainCon .box .xz {
	float: left;
	border: #969696 1px solid;
	background: none;
	width: 20px;
	height: 20px;
	margin-right: 10px
}

.mainCon .box input {

	width: 100%;

	height: 48px;

	line-height: 48px;

	padding: 0 70px 0 80px;

	border: none;

	font-size: 16px;

	color: #999999;

	margin-bottom: 20px;

	outline: none;

	font-size: 14px;

	color: #999999;

	box-sizing: border-box;







}

.mainCon .box ul li {
	position: relative;
	float: left;
	width: 45%;
	margin-left: 3%;
	height: 48px;
	overflow: hidden
}





.mainCon .box ul li:before {
	content: "";
	position: absolute;
	left: 60px;
	top: 15px;
	width: 1px;
	height: 20px;
	background: #969696
}



.mainCon .box .input1 {

	background: url(../images/linkusly_icon01.png)#fff no-repeat 20px center;

}

.mainCon .box .input2 {

	background: url(../images/linkusly_icon04.png)#fff no-repeat 20px center;

}

.mainCon .box .input3 {

	background: url(../images/linkusly_icon05.png)#fff no-repeat 20px center;

}



.mainCon .box .input4 {

	background: url(../images/linkusly_icon02.png)#fff no-repeat 20px center;

}

.mainCon .box .input5 {

	background: url(../images/linkusly_icon06.png)#fff no-repeat 10px 10px;
	color: #999;
	font-size: 14px;
	display: block;
	width: 93%;
	margin-left: 3%;
	height: 100px;
	border: 0;
	padding-top: 10px;
	box-sizing: border-box;
	padding-left: 50px;
	outline: none
}



.mainCon .box a {

	display: block;

	height: 45px;

	text-align: center;

	width: 100%;

	max-width: 170px;

	border-radius: 30px;

	font-size: 14px;

	color: #fff;

	line-height: 45px;

	background: #636363;

	text-decoration: none;

}



.mainCon li {

	margin-bottom: 20px;

	color: #777;

	height: 60px;

	list-style: none;

}

.mainCon label {

	display: inline-block;

	float: left;

	line-height: 60px;

	height: 58px;

	width: 77px;

	border: 1px solid #dedede;

	border-right-width: 0;

	text-align: center;

	background: #fff;

}

.mainCon .iptTxt {

	float: left;

	width: 252px;

	border: 1px solid #dedede;

	height: 16px;

	line-height: 16px;

	padding: 10px 0;

	outline: none;

	text-indent: 1em;

	background: #fff;

	color: #333;

}



.mainCon .box .tj {
	background: #38BABC;
	color: #fff;
	margin-left: 3%;
	width: 140px;
	text-align: center;
	padding: 0;
	margin-top: 20px;
	cursor: pointer
}

@media only screen and (max-width: 768px) {



	.mainCon .box ul li {
		float: none;
		width: 94%;
		margin: 0 auto;
		margin-bottom: 10px
	}



	.mainCon .box .input5 {

		width: 94%;
		margin: 0 auto
	}

}